.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    position:fixed;
    height:100%;
    width:100%;
    background:#f6f6f6;
}
.My-points-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    .px2rem(height,98);
    background: white;
    .span_one{
   .px2rem(width,80);
   }
    span{
        text-align: center;
       .px2rem(width,150);
        .px2rem(font-size,28);
        color: #1b1b1b;
    }
    .span_two{
        flex:1;
        text-align: center;
        .px2rem(font-size,35)
    }
}
.My-points-nav{
    .px2rem(height,285);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    .px2rem(font-size,24);
    span{
        color: #c9c9c9;
        .px2rem(margin-bottom,30)
    }
    p{
        color: #fb575b;
    }
}
.My-points-center{
    display: flex;
    .px2rem(line-height,88);
    .px2rem(margin-left,20);
    .px2rem(height,88);
    .px2rem(font-size,24);

    span{
        color: #c4c4c4;
    }
}
.My-points-content{
    display: flex;
    border-bottom:1px solid #c4c4c4;
    flex-flow: column;
    .px2rem(height,88);
    .px2rem(font-size,24);
     background:#fff;
    span,p{
        width: 100%;
        .px2rem(line-height,44);
        .px2rem(margin-left,20);
    }
    span{
        color: #c9c9c9;
        .px2rem(font-size,14);
    }
}
